<template>
  <div>
    <LikeDog
      v-for="(item, index) in list"
      :key="index"
      :imgurl="item.dogImgUrl"
      :dogName="item.dogName"
    />
  </div>
</template>

<script>
//引入子组件
import LikeDog from './components/LlkeDog.vue'
export default {
  // 注册组件
  components: {
    LikeDog,
  },

  data() {
    return {
      list: [
        {
          dogImgUrl:
            'https://img0.baidu.com/it/u=1010120598,2111084804&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=281',
          dogName: '博美',
        },
        {
          dogImgUrl:
            'https://img2.baidu.com/it/u=2083711142,133299928&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=500',
          dogName: '泰迪',
        },
        {
          dogImgUrl:
            'https://img1.baidu.com/it/u=2339212091,3227013867&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=333',
          dogName: '金毛',
        },
        {
          dogImgUrl:
            'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fpicnew4.photophoto.cn%2F20100426%2Fdongwu-gou-xiaogou-xiaogoutupian-xiaogougou-06134750_1.jpg&refer=http%3A%2F%2Fpicnew4.photophoto.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1669565042&t=d504946c1e59fe8068860774581ed513',
          dogName: '哈士奇',
        },
        {
          dogImgUrl:
            'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fpicnew4.photophoto.cn%2F20100426%2Fdongwu-gou-xiaogou-xiaogoutupian-xiaogougou-06134751_1.jpg&refer=http%3A%2F%2Fpicnew4.photophoto.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1669565042&t=175dc33845e96c9251ffc34276396a59',
          dogName: '阿拉斯加',
        },
        {
          dogImgUrl:
            'https://img2.baidu.com/it/u=859587403,2916679262&fm=253&fmt=auto&app=138&f=JPEG?w=751&h=500',
          dogName: '萨摩耶',
        },
      ],
    }
  },
}
</script>

<style></style>
